<template>
	<view>
		<view class="content">
			<image src="../../static/image/page/chenggong.png" class="chenggong"></image>
			<view class="text">恭喜您，兑换成功！</view>
			<view class="tips">订单已提交至后台处理，请您耐心等待</view>
			<view @click="goHome" hover-class="none" class="blue-btn back-btn">返回首页</view>
		</view>
	</view>
</template>

<script>
	export default {
		methods: {
			//回到首页
			goHome() {
				uni.switchTab({
					url: '/pages/index/index',
				})
			},

		},
	};
</script>

<style scoped>
	page {
		background-color: #ffffff;
	}

	.content {
		padding-top: 150rpx;
		text-align: center;
	}

	.chenggong {
		width: 140rpx;
		height: 140rpx;
		margin-bottom: 100rpx;
	}

	.text {
		font-size: 36rpx;
		font-weight: bold;
		color: #333333;
		margin-bottom: 56rpx;
	}

	.tips {
		font-size: 28rpx;
		color: #999999;
		margin-bottom: 224rpx;
	}

	.back-btn {
		width: 500rpx;
		margin: 0 auto;
	}
</style>
